@import './variable.styl'

body, html
  line-height: 1
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
  -webkit-tap-highlight-color: transparent

.title
    font-size $font-size-title
    font-weight bold
    color $color-title
    margin 45px 0 21px
    padding 0 0 18px
    border-bottom 1px solid #ddd

.desc
    font-size $font-size-desc
    color $color-desc
    margin 18px 0
    line-height: 23px
    letter-spacing: 1px
    li
        list-style: disc
    .desc-ul
        margin-left 18px

.small-title
    font-weight: bold
    margin: 20px 0

.code
    line-height: normal
    font-size: 16px
    font-family:Arial,Helvetica,sans-serif;
.highlight
    color: $color-highlight
    font-weight: bold

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)
    .border-1px
        &::after
            -webkit-transform scaleY (0.7) // 1.5*0.7 = 1.05
            transform scaleY(0.7)
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2)
    .border-1px
        &::after
            -webkit-transform scaleY (0.5) // 2*0.5 = 1
            transform scaleY(0.5)
        